	<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<base href="<%=basePath%>">
		<!--[if lte IE 6]></base><![endif]-->
		<title>广东科学技术职业学院考生报到系统<s:property value="%{#session.college.collegesName}"/></title>
		<link href="css/newindex.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-1.5.js" language="javascript">
</script>
		<script src="js/newpublic.js" language="javascript">
</script>
		<script src="js/table.js" language="javascript">
</script>

		<script src="js/jquery-ui-1.8.5.custom.min.js" language="javascript">
</script>
		<link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css"
			type="text/css" />

		<script language="javascript">
/*初始化专业和班级*/
list = '<s:property value="proJson" escape="false"/>';
list = eval("(" + list + ")");
$(function() {
	$("#content").draggable({cancel:".contable"});
//动态加载logo
	$("#content .subjectlogo").css("background-image","url(<%=basePath%>/newimages/${sessionScope.college.collegeLogo})");

	for ( var a in list) {

		$("#professionList").append(
				"<option value=" + a + ">" + list[a].professionName
						+ "</option>");

		$('#professionList').change(function() {

			show($(this.options[this.options.selectedIndex]).val());
		})
	}
	$("#professionList").trigger("change")//初始化班级列表

})

function show(profession) {

	$('#classList').empty();
	//alert(classes)
	for ( var i = 1; i <= list[profession].classes; i++) {
		$("#classList").append("<option value=" + i + ">" + i + "</option>");
	}
	$("#classList").append("<option value=0>全部班级</option>");
}
function search() {
	var clazz = $("#classList").val();
	var profession = $("#professionList").val();
	$("#progressBar").show();
	$("#lable").html("");
	$.post("json/obtainClassDetailInfoAction", {
		"professionId" : profession,
		"clazz" : clazz,
		"date" : new Date()
	}, function(data) {
		
		data = eval("(" + data.classDetailInfo + ")")
		$("#resultItem").siblings().remove();
		$("#lable").html("查询结果：")

		if(data.length<=0){
			$("#lable").html("找不到指定结果");
			$("#progressBar").hide();
		}
		for ( var i = 0; i < data.length; i++) {
			
			fillQueryReuslt(data[i])
		}
		$("#progressBar").hide();
	//	var isGZFlag='<s:property value="gzCamupsFlag"/>'
	
		//if(data.length>0&&isGZFlag!=''&&!eval(isGZFlag)){
		if(data.length>0){
			tip='<font style="color: red;font-size: 12px">	* 提示:点击学生姓名可以看到学生详细信息。凡学生姓名为绿色且带红色星号的表明该学生不是当前班级学生。'
				+'所查到的信息可能会跟实际情况稍微有</br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点偏差(由于个别学生可能被分配到其他班级的宿舍，在这里不会显示)</font>'
			$("#queryResult").append($(tip))
		}

	})
}
//填充查询结果
function fillQueryReuslt(classInfo) {
	if (classInfo != null) {
		//设置统计信息
		var classInfoDiv = $("#resultItem").clone();
		classInfoDiv.find("td[name='className']").html(classInfo.className)//班级名称
		
		classInfoDiv.find("td[name='registerStudentNumber']").html(
				classInfo.registerStudentNumber + " 人 ")//已报到人数
		classInfoDiv.find("td[name='unRegisterStudentNumber']").html(
				classInfo.unRegisterStudentNumber + " 人 ")//未报到人数
		classInfoDiv.find("td[name='totalStudentNumber']").html(		
				classInfo.totalStudentNumber + " 人")//班级总人数
				
		classInfoDiv.find("td[name='registerFemaleNumber']").html(
				classInfo.registerFemaleNumber + " 人 ")//已报到女生人数
		classInfoDiv.find("td[name='unRegisterFemaleNumber']").html(
				classInfo.unRegisterFemaleNumber + " 人 ")//未报到女生人数
		classInfoDiv.find("td[name='totalFemaleNumber']").html(	
				classInfo.totalFemaleNumber + " 人")//班级女生总人数
				
				
		classInfoDiv.find("td[name='registerMaleNumber']").html(
				classInfo.registerMaleNumber + " 人 ")//已报到 男生人数
		classInfoDiv.find("td[name='unRegisterMaleNumber']").html(
				classInfo.unRegisterMaleNumber + " 人 ")//未报到男生人数
		classInfoDiv.find("td[name='totalMaleNumber']").html(	
				classInfo.totalMaleNumber + " 人")//班级男生总人数
				
				
		classInfoDiv.find("td[name='totalUnpaidFeesNumber']").html(
				classInfo.totalUnpaidFeesNumber + " 人 ")//总欠费的人数
		classInfoDiv.find("td[name='totalBedNumber']").html(
				classInfo.totalBedNumber+"个")//总床位数
		classInfoDiv.find("td[name='usedBedNumber']").html(
				classInfo.usedBedNumber+"个")//已用床位数
		classInfoDiv.find("td[name='emptyBedNumber']").html(
				classInfo.emptyBedNumber+"个")//空床位数
		classInfoDiv.find("td[name='totalMaleBedNumber']").html(
				classInfo.totalMaleBedNumber+"个")//男总床位数
	
		classInfoDiv.find("td[name='usedMaleBedNumber']").html(		
				classInfo.usedMaleBedNumber+"个")//男已用床位数
		classInfoDiv.find("td[name='emptyMaleBedNumber']").html(
				classInfo.emptyMaleBedNumber+"个")//男空床位数
		classInfoDiv.find("td[name='totalFemaleBedNumber']").html(
				classInfo.totalFemaleBedNumber+"个")//女总床位数
		classInfoDiv.find("td[name='usedFemaleBedNumber']").html(
				classInfo.usedFemaleBedNumber+"个")//女已用床位数
		classInfoDiv.find("td[name='emptyFemaleBedNumber']").html(
				classInfo.emptyFemaleBedNumber+"个")//女空床位数
		classInfoDiv.find("td[name='totalUnpaidFees']").html(
				classInfo.totalUnpaidFees + " 元")//总欠费金额
		classInfoDiv.find("td[name='paymentRate']").html(
				(classInfo.paymentRate*1000)/10 + "%")//总欠费金额
			
		var registerRate=Math.round(classInfo.classRegisterRate * 10000.0)/100;
		classInfoDiv.find("td[name='classRegisterRate']").html(registerRate+"%")
		if(registerRate==0){
			registerRate=1;//由于谷歌及ie不支持 0%.所有将值设为不为0
		}	
		//alert(classInfoDiv.find("td[name='classRegisterRateBar']").attr("width"))
		classInfoDiv.find("td[name='classRegisterRateBar']").width(registerRate+'%')

		//设置宿舍信息
		var dorms = classInfo.dormInfoVo;
		var dormInfoTable = classInfoDiv.find("table[name='dormInfoTable']")//显示所有宿舍信息的表格
		dormInfoTable.find("tr").remove();
		var tr = $("<tr>");//每四个宿舍一行
		tr.appendTo(dormInfoTable);//先将一行加到表格中
		
		for ( var i = 0; i < dorms.length; i++) {//遍历班班级的所有宿舍
		
			
			var dormInfoItem = $("#dormInfoItem").clone();//复制显示信息的表格
			var students = dorms[i].studentList;//学生列表
			//	alert(students+"  "+students.length)
			var sex, bgcolor;
			if (dorms[i].sex) {
				bgcolor = "#B0FFB0";
				sex = "男"
			} else {
				bgcolor = "#E2A0F3";
				sex = "女"
			}
			dormInfoItem.find("td[name='dormInfo']").html(
					dorms[i].dormNumber + "（" + sex + "，空：" + dorms[i].bedRest
							+ "）").css("background-color",bgcolor)//.attr("bgcolor", bgcolor);
			//加载宿舍内的学生信息
			var gzCamupsFlag="<s:property value='gzCamupsFlag'/>"
			var maxBedRest=4;
			if(eval(gzCamupsFlag)){//如果是广州校区，最大床位为6
				maxBedRest=6;
			}
			for ( var j = 0; j < students.length&&j<maxBedRest; j++) {//只考虑四个床位的情况
				var student = students[j];
				var str = []
				//alert(student.toString())
				//将学生信息拼接成字符串，以便于传递 
				if (student != null) {
					str.push("\'profession\':\'"
							+ student.profession.professionName.toString()
							+ "\'")//专业
					str.push("\'college\':\'"
							+ student.profession.colleges.collegesName + "\'")//学院
					str.push("\'clazz\':\'" + student.clazz + "\'");
					str.push("\'studentName\':\'" + student.studentName + "\'")
					str.push("\'sex\':\'" + student.sex + "\'")
					str.push("\'examCode\':\'" + student.examcode + "\'")
					str.push("\'dormNumber\':\'" + student.dorm.dormNumber
							+ "\'")
					str.push("\'dormId\':\'" + student.dorm.dormId + "\'")
					str.push("\'studentId\':\'" + student.studentId + "\'")
					str.push("\'idCode\':\'" + student.idCode + "\'")
					str.push("\'score\':\'" + student.score + "\'")
					str.push("\'area\':\'" + student.area.areaName + "\'")
					str.push("\'politicsStatus\':\'" + student.politicsStatus
							+ "\'")
					str.push("\'unpayment\':\'" + student.payment.unpaidFees
							+ "\'")
					str = str.join(",");
					str = "{" + str + "}"
				}
				
				var studentName=students[j].studentName;
				
				if(dorms[i].clazz!=student.clazz||dorms[i].profession!=student.profession.professionName){//该学生不属于这个班级
					//alert(dorms[i].profession+"  "+student.profession.professionName)			
					studentName='<font color="green">'+students[j].studentName+'</font><font color="red"> * </font>';
				}
				dormInfoItem.find("td[name='student" + (j + 1) + "']").html('<a href="javascript:showStudentInfo(' + str + ')">'+ studentName + '</a>')

			}
			tr.append(dormInfoItem);
			if ((i + 1) % 4 == 0) {
				var tr = $("<tr>");//每四个宿舍一行
				tr.appendTo(dormInfoTable);//先将一行加到表格中
			}
		}

		classInfoDiv.appendTo($("#queryResult")).show();
	}
}
function showStudentInfo(student) {

	student = eval(student)
	$("#studentInfo_class").html(student.profession + student.clazz + "班")
	$("#studentInfo_sex").html(eval(student.sex)? "男" : "女")
	$("#studentInfo_studentName").html(student.studentName)
	$("#studentInfo_score").html(student.score + "分")
	//$("#studentInfo_profession").html()
	$("#studentInfo_college").html(student.college)
	$("#studentInfo_idCode").html(student.idCode)
	$("#studentInfo_examCode").html(student.examCode)
	$("#studentInfo_area").html(student.area)
	$("#studentInfo_unpayment").html(student.unpayment + "元")
	$("#studentInfo_politicsStatus").html(student.politicsStatus)

	//$("studentInfo_class").html(student.clazz)
	//$("studentInfo_class").html(student.clazz)

	$("#studentInfo").dialog( {
		width : 600,
		heigth : 400
	});
}

</script>
	</head >
	<body onload="fixPNGAll()">
	
		<jsp:include page="common_head.jsp" />
		<div id="content">
			<!--当前位置CSS-->
			<div class="top">
				<div class="topleft">
					<div class="dan">
						<div>
							当前位置> 信息查询&gt;班级查询
						</div>
					</div>
					<div class="F5">
						<img src="newimages/F5.png" />
					</div>
				</div>
				<div class="topright">
					<div class="toprightmin"></div>
					<div class="toprightmax"></div>
					<div class="toprightclose" onclick="if(confirm('是否确定退出！')){location.replace('loginoutAction')}" title="点击退出"></div>
				</div>
			</div>
			<!---->
			<!--内容-->
			<div class="condiv">
				<div class="subjectlogo">
					<!--每学院Logo-->
					<div class="submenu">
						<ul>
							<li>
								<a href="queryAction!obtainAllData">综合查询</a>
							</li>
							<li>
								<a href="queryClassAction">班级查询</a>
							</li>
						</ul>
					</div>
					<div class="contable">
						<div class="contable">
							<!-- 表格，从数据库读数据 -->

							<div name="dd2" id="secon" class="dd2">
								<div class="title">
									班级查询
								</div>
								<div class="selecontent">
									<table width="653" border="0" align="center" cellpadding="0"
										cellspacing="10">
										<tr>
											<td width="107" align="right">
												专业：
											</td>
											<td width="87" align="left">
												<select id="professionList">

												</select>
											</td>
											<td width="52" align="right">
												班级：
											</td>
											<td width="102" align="left">
												<select id="classList">

												</select>
											</td>
											<td width="245" align="left">
												<input type="button" onclick="search()" value="查找" />
											</td>
										</tr>
									</table>
								</div>
								<div id="progressBar" style="display:none">
									<!-- 进度圈 -->
									<center>
										<img src="images/loading.gif" /><br/>
										<font color="red">正在查询，请稍等。。。</font>
									</center>
								</div>
								<span style="color: #F00; font-size: 16px;" id="lable"></span>
								<div id="queryResult" style="display: block" class="date">
									
									<!-- 班级信息开始 -->
									<div id="resultItem" style="display: none">
										<br />
										<table width="100%" border="0" cellspacing="9" cellpadding="0"
											style="border-top: 1px #1f93ff solid; border-bottom: 1px #1f93ff solid;">
											<tr>
												<td colspan="6" style="text-align: center; font-size: 20px;"
													name="className">
													软件技术1班
												</td>
											</tr>
											<tr>
									
												<td width="14%" align="right">
													班级总人数：
												</td>
												<td width="17%" name="totalStudentNumber">
													40 人
												</td>
												<td width="14%" align="right">
													已报到人数：
												</td>
												<td width="17%" name="registerStudentNumber">
													40 人
												</td>
												<td width="14%" align="right">
													未报到人数：
												</td>
												<td width="17%" name="unRegisterStudentNumber">
													20 人
												</td>
											</tr>
											<tr>
									
												<td  align="right">
													班级女生总人数：
												</td>
												<td  name="totalFemaleNumber">
													40 人
												</td>
												<td align="right">
													已报到女生人数：
												</td>
												<td  name="registerFemaleNumber">
													40 人
												</td>
												<td  align="right">
													未报到女生人数：
												</td>
												<td name="unRegisterFemaleNumber">
													20 人
												</td>
											</tr>
											<tr>
									
												<td  align="right">
													班级男生总人数：
												</td>
												<td  name="totalMaleNumber">
													40 人
												</td>
												<td  align="right">
													已报到男生人数：
												</td>
												<td  name="registerMaleNumber">
													40 人
												</td>
												<td align="right">
													未报到男生人数：
												</td>
												<td  name="unRegisterMaleNumber">
													20 人
												</td>
											</tr>
											<tr>
												<td align="right">
													总床位数：
												</td>
												<td name="totalBedNumber">
													50
												</td>
												<td align="right">
													已用床位数：
												</td>
												<td name="usedBedNumber">
													20
												</td>
												<td align="right">
													空床位数：
												</td>
												<td name="emptyBedNumber">
													30
												</td>
											</tr>
											<tr>
												<td align="right">
													男总床位数：
												</td>
												<td name="totalMaleBedNumber">
													40
												</td>
												<td align="right">
													男已用床位数：
												</td>
												<td name="usedMaleBedNumber">
													10
												</td>
												<td align="right">
													男空床位数：
												</td>
												<td name="emptyMaleBedNumber">
													40
												</td>
											</tr>
											<tr>
												<td align="right">
													女总床位数：
												</td>
												<td name="totalFemaleBedNumber">
													20
												</td>
												<td align="right">
													女已用床位数：
												</td>
												<td name="usedFemaleBedNumber">
													10
												</td>
												<td align="right">
													女空床位数：
												</td>
												<td name="emptyFemaleBedNumber">
													5
												</td>
											</tr>
											<tr>
												<td align="right">
													总欠费金额：
												</td>
												<td name="totalUnpaidFees">
													15000 元
												</td>
												<td  align="right">
													总欠费人数：
												</td>
												<td  name="totalUnpaidFeesNumber">
													18 人
												</td>
												<td  align="right">
													缴费率：
												</td>
												<td  name="paymentRate">
													
												</td>
	
											</tr>
											<tr>
												<td colspan="6" align="center">
													<table width="100%" border="0" cellspacing="3"
														cellpadding="0">
														<tr>
															<td width="17%" align="right">
																班级报到率：
															</td>
															<td width="58%">
																<table border="0" width="100%" height="20px">
																	<tr bgcolor="#CCFFFF">
																		<td bgcolor="#0080ff" name="classRegisterRateBar" style="width: 10%">
																		</td>
																		<td></td>
																	</tr>
																</table>
															</td>
															<td width="25%" align="left" name="classRegisterRate">
																20 %
															</td>
														</tr>
													</table>
												</td>
											</tr>
										</table>
										
<%--										<s:if test="!gzCamupsFlag"> 如果是广州学院，由于广州学院宿舍情况复杂下面内容不显示--%>
										<div style="margin-top: 7px; border: 1px red solid;">
											<table width="90%" border="0" align="center" cellpadding="0"
												cellspacing="10" name="dormInfoTable">
												<tr>
													<td id="dormInfoItem">
														<table width="150" border="1" cellspacing="1"
															cellpadding="1">
															<tr>
																<td colspan="2" align="center" bgcolor="#E2A0F3"
																	name="dormInfo">
																	23#301（女，空：0）
																</td>
															</tr>
															<tr align="center">
																<td name="student1" width="50%">
																	空
																</td>
																<td name="student2" width="50%">
																	空
																</td>
															</tr>
															<tr align="center">
																<td name="student3" width="50%">
																	空
																</td>

																<td name="student4" width="50%">
																	空
																</td>
															</tr>
															<s:if test="gzCamupsFlag">
																<tr align="center">
																	<td name="student5" width="50%">
																		空
																	</td>
	
																	<td name="student6" width="50%">
																		空
																	</td>
																</tr>
															</s:if>
												
													</table>
													
													</td>
													
												</tr>
											
											</table>
										</div>
<%--										</s:if>--%>
										<!-- 班级信息结束 -->

									</div>

								</div>
							</div>
							<div name="dd2" id="secon" class="dd3" style="display: none;">
								<div class="seletitle" style="color: red;">
									床位查询
								</div>
								<div class="selecontent">

									<table width="95%" border="0" cellspacing="5" cellpadding="1">
										<tr>
											<td width="8%" height="40" align="right">
												专业：
											</td>
											<td width="13%" align="left">
												<select id="dorm_profession">
													<option>
														全部专业
													</option>
												</select>
											</td>
											<td width="8%" align="right">
												班级：
											</td>
											<td width="13%" align="left">
												<select id="dorm_classNO">
													<option>
														全部班级
													</option>

												</select>
											</td>
											<td width="8%" align="right">
												性别：
											</td>
											<td width="10%" align="left">
												<select>
													<option>
														全部
													</option>
													<option>
														男
													</option>
													<option>
														女
													</option>
												</select>
											</td>
											<td width="15%" align="right">
												空床位数：
											</td>
											<td width="25%" align="left">
												<table>
													<tr>
														<td>
															<select onchange="zhuanf(this)">
																<option value="0">
																	无
																</option>
																<option>
																	大于
																</option>
																<option>
																	等于
																</option>
																<option>
																	小于
																</option>
															</select>
														</td>
														<td>
															<input type="text" size="4" style="display: none;"
																class="zhtext" />
														</td>
													</tr>
												</table>
											</td>
											<td width="7%">
												<input type="button"
													onclick="$('.date1').css('display','block');" value="查找" />
											</td>
										</tr>
									</table>
								</div>
								<div id="date" class="date1">

									<Div id="data" style="display: none;" class="date1">
										<span style="color: #F00; font-size: 16px;">查询结果：</span>

										<table width="100%" border="0" align="center" cellpadding="1"
											cellspacing="1" class="t1" style="border: 1px solid #5cb0ff;">
											<tr style="background-color: #90c9ff;">
												<th align="center">
													序号
												</th>
												<th align="center">
													宿舍号
												</th>
												<th align="center">
													性别
												</th>
												<th align="center">
													入住学生
												</th>
												<th align="center">
													专业
												</th>
												<th align="center">
													班级
												</th>
											</tr>
											<tr>
												<td align="center">
													1
												</td>
												<td align="center">
													1#101
												</td>
												<td align="center">
													男
												</td>
												<td align="center">
													甲、乙、丙、丁
												</td>
												<td align="center">
													软件
												</td>
												<td align="center">
													1
												</td>
											</tr>
											
											<tr>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
											</tr>
											<tr>
												<td align="center">
													</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
												<td align="center">
													&nbsp;
												</td>
											</tr>
										</table>
										<table width="100%">
											<tr>
												<td colspan="8" style="text-align: right;">
													<input type="button" value="导出" />
												</td>
											</tr>
										</table>
									</Div>
								</div>
							</div>

							<!-- 从数据库读数据结束 -->
						</div>
					</div>
				</div>
			</div>
			<!---->

			<!---->
			<div class="condiv"
				style="width: 997px; position: relative; height: 20px; min-height: 20px; text-align: center;">
				<a href="computer/computer.html" target="_blank">计算机学院程序员之家</a>
			</div>
			<!---->


			<!--低部-->
			<div class="bottom">
			</div>

		</div>
		<!--查看学生详细信息-->
		<div id="studentInfo" title="查看学生详细信息" style="display: none">
			<table border="0" width="530px" align="center" cellspacing="10">
				<tr>
					<td align="right">
						姓名：
					</td>
					<td id="studentInfo_studentName" align="left">
						张三
					</td>
					<td align="right">
						性别：
					</td>
					<td id="studentInfo_sex" align="left">
						男
					</td>

					<td align="right">
						准考证：
					</td>
					<td id="studentInfo_examCode" align="left">
						123456
					</td>
				</tr>
				<tr>
					<td align="right">
						学院：
					</td>
					<td id="studentInfo_college">
						计算机学院
					</td>

					<td align="right">
						班级：
					</td>
					<td id="studentInfo_class">
						2
					</td>
					<td align="right">
						政治面貌：
					</td>
					<td id="studentInfo_politicsStatus">
						党员
					</td>
				</tr>
				<tr>
					<td align="right">
						成绩：
					</td>
					<td id="studentInfo_score">
						440
					</td>
					<td align="right">
						地区：
					</td>
					<td id="studentInfo_area">
						普宁
					</td>
					<td align="right">
						欠费金额：
					</td>
					<td id="studentInfo_unpayment">
						1000
					</td>
				</tr>
			</table>
		</div>
		<!--  -->

	</body>
</html>
